@charset "utf-8";
/* CSS Document */

/*bannner*/
.banner{ overflow:hidden; width:100%; height:600px; /*background:url(Img/Index/banner.jpg) no-repeat center;*/}

/*search*/
.search { overflow:hidden; width:100%; padding:15px; border-bottom:1px solid #e7e7e7; height:30px;}
.search p{ float:left; line-height:30px; font-size:14px; color:#666}
.search p a{ color:#666; margin:0 10px;}
.search .sbox{ overflow:hidden; float:right; width:306px; height:30px;}
.search .sbox input{ display:block; float:left; width:215px; height:28px; line-height:28px; padding:0 10px; border:1px solid #e7e7e7; border-right:none; font-size:14px; color:#666}
#ss_sspan{ display:block; float:right; cursor:pointer; width:70px; height:30px; line-height:30px; text-align:center; font-size:14px; color:#fff; background-color:#ffbf00;}

.title{ overflow:hidden; width:100%;}
.title h2{ text-align:center; font-size:30px; color:#006bbd;}
.title h2 a{ color:#006bbd}
.title b{ display:block; text-align:center; font-size:16px; color:#666; text-transform:uppercase; margin-top:3px;}
.title i{ display:inline-block; width:73px; height:1px; background-color:#e0e0e0; margin:0 15px; position:relative; top:-6px;}
.title i{ *display:inline}
.title.wt h2,.title.wt a,.title.wt b{ color:#fff;}
.title.wt i{ background-color:#fff;}

/*客户*/
.Customer { overflow:hidden; width:1120px; margin:50px auto;}
.Customer .khbox{ overflow:hidden; width:100%; margin-top:30px; height:145px; position:relative}
.Customer .khbox span{ display:block; width:36px; height:36px; cursor:pointer; position:absolute; top:40px;}
.Customer .khbox .btn01{ background:url("btn01.jpg") no-repeat center top; left:0}
.Customer .khbox .btn02{ background:url("btn02.jpg") no-repeat center top; right:0}
.Customer .khbox span:hover{ background-position:bottom}
.Customer .khshow{ overflow:hidden; width:1000px; margin:0 auto; height:145px; position:relative}
.Customer .khshow ul{ overflow:hidden; position:absolute}
.Customer .khshow li{ float:left; width:235px; height:145px; margin-right:20px;}
.Customer .khshow li img{ display:block; border:1px solid #e7e7e7; margin-bottom:10px;}
.Customer .khshow li a{ display:block; text-align:center; font-size:14px; color:#666}

/*pro*/
.pro { overflow:hidden; width:1000px; margin:0 auto}
.pro ul{ overflow:hidden; width:105%; margin-top:30px; height:585px; margin-bottom:25px;}
.pro li{ float:left; width:320px; height:275px; margin-right:20px; margin-bottom:20px;}
.pro li a{ display:block; text-decoration:none}
.pro li img{ display:block;}
.pro li span{ display:block; width:100%; height:35px; text-align:center; line-height:35px; font-size:14px; color:#fff; background-color:#006bbd; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.pro li:hover span{ background-color:#ffbf00;}
.pro .more{ display:block; width:208px; height:53px; text-align:center; font-size:14px; color:#fff; text-decoration:none; margin:0 auto; line-height:48px; background:url("pro_more.png") no-repeat center}

/*顾虑*/
.gulv { overflow:hidden; width:100%; height:568px; border-top:1px solid #c8c8c8; background:url("yiwen.jpg") no-repeat center top; margin-top:30px;}
.gulv .wen{ overflow:hidden; float:right; margin-top:55px;}
.gulv .wen h3{ font-size:28px; color:#006bbd; margin-bottom:10px;}
.gulv .wen b{ font-size:16px; color:#666; font-family:Arial; padding-bottom:20px; border-bottom:1px solid #c8c8c8; margin-bottom:20px; display:block; text-transform:uppercase; line-height:24px;}
.gulv .wen p{ font-size:16px; color:#666; line-height:48px;}


/*优势*/
.youshi { overflow:hidden; width:100%; padding:60px 0; background:url("youshi_bg.jpg") repeat center;}
.youshi .ysbox{ overflow:hidden; width:1000px; margin:0 auto; height:365px; background:url("youshi_tu.png") no-repeat center 20px; margin-top:45px;}
.youshi .ysleft{ width:320px; float:left}
.youshi .ysright{ width:320px; float:right}
.youshi .ysleft .ys{ overflow:hidden; padding-left:85px;}
.youshi .ysright .ys{ overflow:hidden; padding-right:85px; text-align:right}
.youshi h3{ font-size:18px; color:#006bbd; margin-bottom:12px;}
.youshi p{ font-size:16px; color:#666; line-height:23px;}
.youshi .ys01{ background:url("youshi01.png") no-repeat left top}
.youshi .ys02{ background:url("youshi02.png") no-repeat left top}
.youshi .ys03{ background:url("youshi03.png") no-repeat left top}
.youshi .ys04{ background:url("youshi04.png") no-repeat right top}
.youshi .ys05{ background:url("youshi05.png") no-repeat right top}
.youshi .ys06{ background:url("youshi06.png") no-repeat right top}
.youshi .ys{ margin-bottom:55px; margin-top:15px;}

/*case*/
.case { overflow:hidden; width:100%; height:632px; background:url("case_bg.jpg") no-repeat center top; padding-top:60px;}
.case .casebox{ overflow:hidden; width:1110px; margin:0 auto; height:420px; margin-top:30px; position:relative; margin-bottom:25px;}
.case .casebox span{ display:block; width:36px; height:36px; cursor:pointer; position:absolute; top:210px;}
.case .casebox .btn01{ left:0; background:url("btn01.jpg") no-repeat center bottom}
.case .casebox .btn02{ right:0; background:url("btn02.jpg") no-repeat center bottom}
.case .caseshow{ overflow:hidden; width:1000px; height:420px; margin:0 auto}
.case .item{ overflow:hidden; position:absolute}
.case .item i{ display:block; position:absolute; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.5; filter:alpha(opacity=50)}
.case .item b{ display:none; font-weight:normal; width:100%; height:53px; line-height:53px; text-align:center; font-size:14px; color:#fff; background-color:#000; opacity:0.5; filter:alpha(opacity=50); position:absolute; left:0; bottom:0}
.case .item.active b{ display:block}
.case .item.active i{ display:none}
.case .item.active { border:10px solid #fff;}
.case .more{ display:block; width:208px; height:53px; text-align:center; font-size:14px; color:#fff; text-decoration:none; margin:0 auto; line-height:48px; background:url("pro_more.png") no-repeat center}

/*实力*/
.shili { overflow:hidden; width:100%;}
.shili .slt{ overflow:hidden; width:100%; height:301px; background:url("shili_01.jpg") no-repeat center;}
.shili .youshi01{ overflow:hidden; width:100%; height:402px; background:url("shili_02.jpg") no-repeat center;}
.shili .youshi02{ overflow:hidden; width:100%; height:331px; background:url("shili_03.jpg") no-repeat center;}
.shili .youshi03{ overflow:hidden; width:100%; height:319px; background:url("shili_04.jpg") no-repeat center;}
.shili .youshi04{ overflow:hidden; width:100%; height:334px; background:url("shili_05.jpg") no-repeat center;}
.shili h2{ text-align:center; font-size:30px; color:#006bbd; margin-top:65px; background:url("shili_h.png") no-repeat center;}
.shili h2 span{ display:block; font-size:20px; color:#666; font-weight:normal; margin-top:5px;}
.shili h3{ font-size:20px; color:#006bbd; margin-bottom:5px;}
.shili h4{ font-weight:normal; font-size:16px; color:#333; margin-bottom:30px;}
.shili p{ font-size:16px; color:#666; line-height:24px; padding-left:10px; background:url("shili_p.jpg") no-repeat left 9px; margin-bottom:15px;}
.shili b{ display:block; font-size:14px; color:#333;margin:20px 0 5px 0}
.shili b em{ font-weight:bold; color:#006bbd; font-size:18px; }
.shili a{ display:block; width:208px; height:53px; text-align:center; font-size:14px; color:#fff; text-decoration:none; line-height:48px; background:url("pro_more.png") no-repeat center}
.shili .wen{ overflow:hidden; width:375px;}
.shili .wen01,.shili .wen03{ margin-left:625px;}
.shili .wen02,.shili .wen04{ margin-left:50px;}


/*流程*/
.liucheng { overflow:hidden; width:100%; height:237px; background:url("liucheng_bg.jpg") no-repeat center top; padding-top:60px;}
.liucheng .lcbox{ overflow:hidden; width:1000px; margin:0 auto; height:110px; position:relative; background:url("liucheng00.png") no-repeat center 45px; margin-top:25px;}
.liucheng ul{ overflow:hidden; width:102%;}
.liucheng li{ float:left; width:81px; margin:0 56px 0 33px; height:110px;}
.liucheng li em{ display:block; width:26px; height:22px; text-align:center; line-height:22px; font-size:16px; color:#fff; background-color:#006bbd; margin:0 auto; position:relative; z-index:2}
.liucheng li b{ display:block; width:75px; height:65px; background-color:#fff; border:3px solid #006bbd; margin:0 auto; margin-top:-14px;}
.liucheng li i{ display:block; width:50px; height:50px; margin:0 auto; margin-top:12px;}
.liucheng li span{ display:block; text-align:center; font-size:14px; color:#666; margin-top:10px;}
.liucheng li .i01{ background:url("liucheng01.png") no-repeat center top;}
.liucheng li .i02{ background:url("liucheng02.png") no-repeat center top;}
.liucheng li .i03{ background:url("liucheng03.png") no-repeat center top;}
.liucheng li .i04{ background:url("liucheng04.png") no-repeat center top;}
.liucheng li .i05{ background:url("liucheng05.png") no-repeat center top;}
.liucheng li .i06{ background:url("liucheng06.png") no-repeat center top;}
.liucheng li:hover em{ background-color:#ffbf00;}
.liucheng li:hover b{ border-color:#ffbf00}
.liucheng li:hover i{ background-position:bottom}


/*ad*/
.ad{ overflow:hidden; width:100%; height:288px; background:url("ad01.jpg") no-repeat center;}


/*保障*/
.baozhang { overflow:hidden; width:1000px; margin:60px auto;}
.baozhang .bzbox{ overflow:hidden; width:100%; height:345px; position:relative; margin-top:25px;}
.baozhang .bzbox ul{ overflow:hidden; position:absolute}
.baozhang .bzbox li{ overflow:hidden; float:left; width:240px; height:345px; margin-right:13px;}
.baozhang .bzbox li img{ display:block}
.baozhang .bzbox .wen{ overflow:hidden; width:218px; height:192px; border:1px solid #dedede; padding:0 10px;}
.baozhang .bzbox h3{ font-size:14px; margin-top:14px; color:#333}
.baozhang .bzbox h3 a{ color:#333}
.baozhang .bzbox p{ font-size:14px; line-height:24px; color:#666; height:72px; overflow:hidden; margin-top:15px; margin-bottom:10px;}
.baozhang .bzbox .more{ font-size:14px; color:#006bbd;}

/*about*/
.about { overflow:hidden; width:1000px; height:322px; margin:0 auto; margin-bottom:30px;}
.about img{ display:block; float:left;}
.about .wen{ overflow:hidden; float:right; width:475px;}
.about h2{ font-size:24px; margin-bottom:20px;}
.about h2 a{ color:#006bbd}
.about h2 b{ margin-left:25px; font-size:24px; color:#999; text-transform:uppercase;}
.about p{ font-size:14px; color:#666; line-height:30px; height:210px; overflow:hidden; text-align:justify}
.about .more{ display:block; width:139px; height:53px; font-size:14px; color:#fff; background:url("about_btn.png") no-repeat center; line-height:50px; text-align:center; margin-top:10px; text-decoration:none}

/*资质*/
.zizhi { overflow:hidden; width:1000px; margin:0 auto; height:250px;}
.zizhi .topti{ overflow:hidden; width:100%; margin-bottom:15px; background:url("zizhi.png") no-repeat 140px 25px;}
.zizhi h2{ float:left; font-size:18px;}
.zizhi h2 a{ color:#006bbd;}
.zizhi h2 b{ font-size:14px; color:#999; display:block; margin-left:20px; text-transform: uppercase}
.zizhi .more{ display:block; float:right; font-size:14px; color:#006bbd; font-weight:bold; text-transform:uppercase}
.zizhi .zzbox{ overflow:hidden; width:100%; height:200px; position: relative}
.zizhi .zzbox ul{ overflow:hidden; position:absolute}
.zizhi .zzbox li{ float:left; width:235px; height:200px; margin-right:20px;}
.zizhi .zzbox li img{ display:block; margin-bottom:10px;}
.zizhi .zzbox li a{ display:block; text-align:center; font-size:14px; color:#666; text-decoration:none; white-space:nowrap; text-overflow:ellipsis; overflow:hidden}

/*news*/
.news { overflow:hidden; width:1000px; margin:30px auto}
.news .newsleft{ overflow:hidden; float:left; width:640px; border:1px solid #eee; height:390px;}
.news .newsright{ overflow:hidden; width:340px; float:right; border:1px solid #eee; height:390px;}
.news .menu{ overflow:hidden; width:100%; height:47px; background:url("news_t.png") left top repeat-x; margin-bottom:25px;}
.news .menu ul{ overflow:hidden; float:left;}
.news .menu li{ float:left; font-size:18px; font-weight:bold; width:125px; line-height:47px; height:47px; text-align:center;}
.news .menu li a{ color:#666; text-decoration:none}
.news .menu li.cur{ background-color:#006bbd;}
.news .menu li.cur a{ color:#fff;}
.news .menu .more{ display:block; float:right; font-size:14px; color:#006bbd; margin:15px 10px; text-transform:uppercase; font-weight:bold}
.news .menu h2{ float:left; font-size:18px; color:#006bbd; line-height:47px; margin:0 10px;}
.news .menu h2 a{ color:#006bbd; text-decoration:none}
.news .nbox{ overflow:hidden; width:590px; margin:0 auto; height:310px; position:relative}
.news .nlist{ overflow: hidden; width:100%; height:100%;}
.news .ntop{ overflow:hidden; width:100%; height:154px; margin-bottom:20px;}
.news .ntop img{ display:block; float:left}
.news .ntop .wen{ overflow:hidden; float:right; width:330px;}
.news .ntop h3{ font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; margin-bottom:15px;}
.news .ntop h3 a{ color:#333;}
.news .ntop p{ font-size:14px; color:#666; line-height:30px; height:90px; overflow:hidden; text-align:justify; margin-bottom:10px;}
.news .ntop .xq{ font-size:14px; color:#006bbd;}
.news .list{ overflow:hidden; width:100%;}
.news .list li{ overflow:hidden; float:left; width:100%; font-size:14px; line-height:36px;}
.news .list li a{ display:block; float:left; max-width:470px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.news .list span{ float:right; color:#666}
.news .wenda{ overflow:hidden; width:300px; margin:0 auto; height:310px; position:relative}
.news .wenda ul{ overflow:hidden; position:absolute}
.news .wenda li{ overflow:hidden; width:100%; height:149px; border-bottom:1px solid #e1e1e1; margin-bottom:20px;}
.news .wenda h3{ font-size:16px; color:#333; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:24px; padding-left:35px; background: url("news_q.png") no-repeat left center; margin-bottom:17px;}
.news .wenda h3 a{ color:#333}
.news .wenda p{ font-size:14px; color:#666; line-height:30px; height:90px; overflow:hidden; text-align:justify; padding-left:35px; background:url("news_a.png") no-repeat left top;}


/*留言*/
.liuyan { overflow:hidden; width:100%; height:365px; background:url("liuyan_bg.jpg") no-repeat center;}
.liuyan .wen{ float:left; width:350px; margin-top:60px;}
.liuyan .wen b{ display:block; font-size:22px; color:#fff;}
.liuyan .wen span{ color:#ffbf00;}
.liuyan .wen p{ font-size:18px; color:#fff; margin:5px 0 15px;}
.liuyan .wen i{ display:block; width:30px; height:2px; background-color:#fff; margin-bottom:40px;}
.liuyan .wen .ewm{ overflow:hidden; float:left; font-size:14px; color:#fff;}
.liuyan .wen .ewm img{ display:block; margin-bottom:10px;}
.liuyan .wen .phone{ overflow:hidden; float:right; margin-top:120px;position: relative;right: -18px;}
.liuyan .wen em{ font-weight:bold; font-size:14px; color:#fff;}
.liuyan .wen h5{ font-size:18px; color:#fff;}
.liuyan .lybox{ overflow:hidden; float:right; width:400px; margin-right:20px; margin-top:55px;}
.liuyan .lybox h4{ font-size:24px; color:#fff;}
.liuyan .lybox b{ display:block; font-size:16px; color:#fff; margin:10px 0 15px 0}
.liuyan .lybox .btext{ overflow:hidden; width:100%;}
.liuyan .btext input{ display:block; float:left; width:160px; height:40px; border:1px solid #bbb; padding:0 10px; outline:none; font-size:14px; color:#999; margin-bottom:13px;}
.liuyan .btext .phone{ margin-left:20px; width:176px;}
.liuyan .btext textarea{ overflow:hidden; width:378px; height:80px; border:1px solid #bbb; resize:none; outline:none; font-size:14px; color:#999; padding:10px; margin-bottom:10px;}
#liuyanspan{ display:block; width:149px; height:53px; text-align:center; line-height:50px; background:url("liuyan_btn.png") no-repeat center top; font-size:14px; color:#fff; cursor:pointer; border:none}

/*<--!广告轮播样式效果一-->*/
#flashs{ position:relative; height:600px; overflow:hidden;}
#flashs .bgitem{  z-index:1;position:absolute; top:0; }
#flashs .btn{ position:absolute; z-index:2; bottom:25px; left: 50%;margin-left: -64px; padding:0px 6px;}
#flashs .btn span{ background:#252525; cursor: pointer;display: inline-block;margin:2px;width:25px;height:25px;font-size:14px;line-height:25px;text-align:center;color:#fff;}
#flashs .btn span.cur{  background:#006bbd;}